<!DOCTYPE html>
<html lang="en">
<head>
<title>权限功能菜单设置</title>
#@common()
<style>
	body { background: #F8F8F8; }
	.search{padding-top: 10px; }
	.ui-jqgrid tr.jqgrow, .ui-jqgrid tr.ui-row-ltr, .ui-jqgrid tr.ui-row-rtl{
		font-size: 14px;
	    height: 28px;
	    line-height: 28px;
	    padding-left: 5px;
	}
</style>
</head>
<body>
<div class="form-group row search">
	<label class="col-sm-1 control-label no-padding-right"> 分组名：</label>
	<div class="col-sm-2">
		<input id="funcName" type="text" autocomplete="off" placeholder="比如：功能按钮、查询表格、查询条件等" class="col-sm-12 form-control" 
			value="#if(funcGroup??)#(funcGroup.label)#else#(func.name)#end"/>
	</div>
	
	<button class="btn btn-white btn-info btn-bold" onclick="init()">
		#if(funcGroup??)
		<i class="ace-icon fa fa-pencil-square-o bigger-120 blue"></i>修改
		#else
		<i class="ace-icon fa fa-key bigger-120 blue"></i>启用
		#end
	</button>
	
	#if(funcGroup??)
	<button class="btn btn-white btn-info btn-bold" onclick="closeFunc()">
		<i class="ace-icon fa fa-exclamation-circle bigger-120 blue"></i>关闭
	</button>
	#end
	
</div>
#if(funcGroup??)
<div class="page-body">
	<table id="grid-table"></table>
	<div id="grid-pager"></div>
</div>

<script type="text/javascript">

var jqGrid;
jQuery(function($) {
	var option = {
		height : $(window).height() - 170,
		width : $(".page-body").width(),
		pager : "#grid-pager",
	};
	option.url = 'admin/option/queryFunc?optionId=#(funcGroup.id)';
	option.colNames = ['显示名称', '字段名称', '操作方法'];
	option.colModel = [{"name" : 'label'}, {"name" : 'param'}, {'name': 'id', formatter: formatter}]
	//组装buttons
	option['buttons'] = {
		add : add,
		del : del,
	};
	//组装jqgrid
	jqGrid = new JqGrid("#grid-table", option);
});

/** 新增功能数据 */
function add(){
	layer.open({
		type : 2,
		title : '新增查询权限内容',
		area : ['650px', '600px'],
		resize : false,
		content : 'admin/option/addFunc?optionId=#(funcGroup.id)'
	})
}

/** 修改功能数据 */
function update(optionId){
	layer.open({
		type : 2,
		title : '修改查询权限内容',
		area : ['650px', '600px'],
		resize : false,
		content : 'admin/option/updateFunc?optionId='+optionId
	})
}

/** 删除功能数据 */
function del(optionId){
	layer.confirm('确认要删除选中的数据?', {title : '系统提示'}, function(){
		Http.get('admin/option/delAll?optionIds=' + optionId, function(res){
			if(res.succeed){
				layer.msg('删除成功!');
				jqGrid.reload();
			} else {
				layer.msg(res.message);
			}
		})
	})
}

/** 格式化操作按钮  */
function formatter(value, rows, row){
	var html = '<div class="btn-group">'
		html+= '<button class="btn btn-sm btn-primary" onclick="update(\''+row.id+'\')">修改</button>';
	    html+= '<button class="btn btn-sm btn-primary" onclick="moveup(\''+row.id+'\')">上移</button>';
	    html+= '</div>'
	return html;
}

/** 字段上移的操作 */
function moveup(optionId){
	layer.confirm('确定要上移当前数据?', {title : '系统提示'}, function(){
		Http.get('admin/option/moveUp?optionId='+optionId, function(res){
			if(res.succeed){
				layer.msg('上移成功', {shade:0.1});
				jqGrid.reload();
			} else {
				layer.msg(res.msg);
			}
		})
	})
}

/** 关闭功能 */
function closeFunc(){
	layer.confirm('确认要关闭当前功能?', {"title" : '系统提示'}, function(){
		Http.get('admin/option/delMenu?optionId=#(funcGroup.id)', function(res){
			if(res.succeed){
				layer.msg('关闭成功');
				window.location.reload(true);
			} else {
				layer.msg(res.msg)
			}
		})
	})
}
</script>
#end
<script type="text/javascript">
/** 初始化功能的数据  */
function init(){
	layer.confirm('确认要设置#(func.name)基础数据吗?', function(){
		var data = {
			'label' 	: $('#funcName').val(),
			'parentId'  : '#(optionId)',
			'type'		: '#(func.data)',
			'id'		: '#if(funcGroup??)#(funcGroup.id)#end',
			
		}
		Http.post('admin/option/save', data, function(res){
			if(res.succeed){
				layer.msg('设置成功', function(){
					window.location.reload(true);
				});
			} else {
				layer.msg('设置失败， 请重新操作')
			}
		});
	})
}
</script>
</body>
</html>